<template>
    <div :class="['biographical_notes']">
   
        <keep-alive>
            <router-view v-if="$route.meta.isKeepLive"></router-view>
        </keep-alive>
        <transition name="component-fade-opacity" mode="out-in">
            <router-view v-if="!$route.meta.isKeepLive"></router-view>
        </transition>
    </div>
</template>
<script>
export default {
    data() {
        return {}
    },
    methods: {},
}
</script>
<style scoped>
.biographical_notes {
    width: 100vw;
    height: 100vh;
    background-repeat: repeat;
}
.bn_header-fix {
    width: 100vw;
    height: 70px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 100;
}
</style>
